<template>
	<div class="outter_div">
		<span class="title_span">图书借阅</span>
		<div class="inner_div">
			<el-form ref='borrow_form' :model='borrow_form' label-width="80px" size="medium">
				<el-form-item label='图书名称'>
					<el-select v-model='borrow_form.name' multiple placeholder='请选择' style='width: 100%;'>
						<el-option label='史蒂夫·乔布斯转' value='1'></el-option>
						<el-option label='大数据供应链' value='2'></el-option>
						<el-option label='深度学习' value='3'></el-option>
						<el-option label='裂变' value='4'></el-option>
						<el-option label='归属感' value='5'></el-option>
						<el-option label='沉默的大多数' value='5'></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label='借阅/归还'>
					<el-radio-group v-model='borrow_form.state'>
						<el-radio label='借阅'></el-radio>
						<el-radio label='归还'></el-radio>
					</el-radio-group>
				</el-form-item>
				<el-form-item label='借阅证'>
					<el-input v-model='borrow_form.card'></el-input>
				</el-form-item>
				<el-form-item label='借阅时间'>
					<el-date-picker v-model='borrow_form.date' type='date' placehoder='选择日期' style='width: 100%;'></el-date-picker>
				</el-form-item>
				<el-form-item>
					<el-button type='primary' @click='submitFun()'>提交</el-button>
				</el-form-item>
			</el-form>
		</div>
	</div>
</template>

<script>
	export default {
		data: function() {
			return {
				borrow_form: {
					name: '',
					state: '',
					card: '',
					date: ''
				}
			}
		},
		methods: {
			submitFun : function() {
				this.$message.success('提交成功');
			}
		}
	}
</script>

<style>
</style>
